<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
			div{
				width: 400px;
				height: 400px;
				background: #fff url(images/shui.jpg) 0 0 no-repeat;
				text-align: center;
				line-height: 400px;
				font-size: 30px;
				color: rgba(255, 255, 255, .4);
				border-radius: 200px;
				box-shadow: 20px 24px 55px rgba(255, 255, 255, .8) inset, 10px 18px 8px rgba(0, 0, 0, 0.4);
				margin: 100px;
			}
div.user {
	height: 50px;
	/* background-color: red; */
	background: url(../images/sun.jpg) 0 0 no-repeat;

}
a {
display: block;
height: 50px;
background-color: red;
}
			
        </style>
    </head>
    <body>
     <div>
     	水晶球
     </div>
    <div class="user">
     			
     		</div>
     		<a href=""></a>

    </body>
</html>